<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>
        axios 是一个 基于 Promise 的ajax库，底层还是ajax请求，只是把ajax请求封装成一个 Promise 版本（ajax请求是异步的。）

        http://www.axios-js.com/zh-cn/docs/

    </p>
    <button id="btn">点击发送请求</button>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<!-- 引入一个 axios 工具库 全局暴露 axios 对象工具 -->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>

<script>

    // 点击btn 发送网络请求
    $('#btn').click(function () {
        let url = 'https://yw.52kfw.cn/api/news/flist?pageSize=100&cate_id=%E7%A7%91%E6%8A%80%E5%85%B4%E5%9B%BD';

        axios.get(url)
            .then(function (response) {
                console.log(response.data);
            })
            .catch(function (error) {
                console.log(error);
            });
    })

</script>


</html>